/*popup*/
.mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.4);
}


.popup {
    display: none;
    position: fixed;
    z-index: 1001;
    left: 50%;
    top: 0;
    width: 500px;
    background-color: #ffffff;
    /*box-shadow: 0 0 6px 0 #ffd9d0;*/
    -moz-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    border-radius: 10px;
}

.popup-big {
    width: 500px;
    margin-left: -250px;
    min-width: 500px;
}

.popup-header {
    padding: 16px 26px 0;
    line-height: 54px;
    color: #999999;
    font-size: 16px;
    border-bottom: 1px solid #f2f2f2;
}

.popup-header span {
    color: #4c4c4c;
    font-size: 20px;
}

.popup-big ul {
    font-size: 16px;
    color: #999;
    padding: 20px 26px;
    border-bottom: 1px solid #f2f2f2;
}

.popup-big li {
    width: 33%;
}

.popup-big li + li {
    border-left: 1px solid #f2f2f2;
}

.popup-big li p {
    line-height: 1;
}

.popup-big li p:nth-child(2) {
    padding: 12px 0 40px;
}

.popup-big li p strong {
    color: #ff4519;
    font-size: 20px;
    font-weight: normal;
    padding-right: 3px;
}

.popup-big li p span {
    color: #4c4c4c;
    padding: 0 2px;
}

.popup-big .p-last {
    line-height: 40px;
    padding: 0 26px;
    color: #999999;
    font-size: 16px;
}

.popup-big .p-last a {
    color: #ff4519;
    cursor: pointer;
}

.popup input.text:focus,
.popup .input-short1:focus {
    box-shadow: 0 0 6px 0 #ff4519;
    border: 1px solid #ff4519 !important;
}

.popup .btn-div {
    margin-top: 10px;
    display: none;
}

.popup .btn-div a {
    display: block;
    width: 50%;
    font-size: 16px;
    float: left;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}

.popup .btn-div a.confirm {
    background-color: #ff4519;
    color: white;
    border-bottom-right-radius: 10px;
}

.popup .btn-div a.js-close-popup {
    background-color: #e6e6e6;
    color: #808080;
    border-bottom-left-radius: 10px;
}

.popup .btn-div a.preStep {
    background-color: #e6e6e6;
    color: #808080;
    border-bottom-left-radius: 10px;
}

.popup .btn-div a.nextStep {
    background-color: #ff4519;
    color: white;
    border-bottom-right-radius: 10px;
}

.width100 {
    width: 100% !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.widthRed100 {
    width: 100% !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #ff4519 !important;
    color: white !important;
}

.popup-small {
    min-width: 300px;
    width: 300px;
    text-align: center;
    margin-left: -150px;
    z-index: 1400;
}


.popup-small i {
    display: block;
    width: 50px;
    height:50px;
    margin: auto;
    margin-top: 30px;
    border-radius: 50px;
}
.popup-small i.icon-errer {
    background: url(/img/home/err.png) no-repeat;
    background-size: 130%;
    background-position: center;

}
.popup-small i.icon-warning {
    background: url(/img/home/jg.png) no-repeat;
    background-size: 130%;
    background-position: center;

}
.popup-small i.icon-success {
    background: url(/img/home/success.png) no-repeat;
    background-size: 130%;
    background-position: center;

}
.popup-small p {
    padding: 15px 0 10px;
    color: #4c4c4c;
    font-size: 16px;
    line-height: 1;
}

#popup-p-error .js-close-popup {
    background-color: #ff4519;
    color: #fff;
}

#popup-p-success i {
    color: #00d47d;
}

#popup-p-success p {
    padding-bottom: 30px;
}

#popup-p-success a {
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: block;
    background-color: #ff4519;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
    font-size: 16px;
    color: white;
}

#popup-p-contact {
    width: 860px;
    min-width: 864px;
    margin-left: -430px;
    height: 322px;
    color: #808080;
    font-size: 18px;
    text-align: center;
}

#popup-p-contact h4 {
    line-height: 70px;
    height: 70px;
    font-size: 24px;
    color: white;
    font-weight: normal;
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: -moz-linear-gradient(left, rgba(255,140,0,0.8),rgba(255,69,25,0.8));
    background: -webkit-linear-gradient(left,rgba(255,140,0,0.8),rgba(255,69,25,0.8));
    background: -o-linear-gradient(left,rgba(255,140,0,0.8),rgba(255,69,25,0.8));
}

#popup-p-contact h5 {
    font-weight: normal;
    text-align: left;
    line-height: 90px;
}

#popup-p-contact p {
    line-height: 30px;
}

#popup-p-contact .text {
    padding: 0 40px;
}

#popup-p-contact .icon-error {
    display: block;
    position: absolute;
    top: 0;
    right: -40px;
    font-size: 30px;
    color: white;
}


.popup-guide {
    min-width: 840px;
    width: 840px;
    text-align: center;
    margin-left: -450px;
    background: transparent;
    height: 445px;
}

.popup-guide .guide-box {
    width: 840px;
    position: relative;
}

.popup-guide .guide {
    overflow: hidden;
    width: 840px;
    height: 445px;
    border-radius: 10px;
    background-color: white;
}

.popup-guide .guide ul {
    overflow: hidden;
    float: left;
}

.popup-guide .guide ul li {
    float: left;
}

.popup-guide .guide ul img {
    border-radius: 10px;
    width: 840px;
    height: 445px;
}

.popup-guide .guide-box a {
    display: block;
    width: 38px;
    height: 50px;
    font-size: 28px;
    line-height: 50px;
    background-color: rgba(0,0,0,0.5);
    color: white;
    text-align: center;
    margin-top: 150px;
    position: absolute;
    top: 30px;
    z-index: 1200;
}

.popup-guide .guide-box a.pre {
    left: -62px;
}

.popup-guide .guide-box a.next {
    right: -62px;
}

.popup-guide .icon-error {
    font-size: 32px;
    position: absolute;
    z-index: 1100;
    display: block;
    color: white;
    top: 5px;
    right: -46px;
}

#guide-buy .guide ul {
    width: 4200px;
}

#guide-share .guide ul {
    width: 3360px;
}

#guide-experience .guide ul {
    width: 2520px;
}

input:focus {

    outline:none;

    border: none;

}

.page_auth {
    background: url("/img/mine/login-bg.jpg") no-repeat center top;
    background-size: cover;
    min-height: 608px;
    width: 100%;
}

.page_auth .section-border {
    width: 400px;
    background-color: white;
    margin-top: 84px;
    border: 10px solid #fffbfa;
    border-radius: 10px;
}

.page_auth .section-border h2 {
    line-height: 72px;
    color: white;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background:#FF4519;
    background: -moz-linear-gradient(left, rgba(255,140,0,0.8),rgba(255,69,25,0.8));
    background: -webkit-linear-gradient(left,rgba(255,140,0,0.8),rgba(255,69,25,0.8));
    background: -o-linear-gradient(left,rgba(255,140,0,0.8),rgba(255,69,25,0.8));

}

.page_auth .field-wrapper {
    border-bottom: 1px solid #f2f2f2;
    margin-top: 24px;
    font-size: 16px;
    color: #808080;
    line-height: 55px;
    height: 55px;
}
.page_auth .field-wrapper input{
    height: 55px;
}
.page_auth .field-wrapper i {
    padding-right: 10px;
    color: #c7c7c7;
}

.page_auth .link-wrapper {
    text-align: right;
    line-height: 34px;
}


.page_auth .quick-link-wrapper {
    padding-top: 24px;
    text-align: center;
}

.page_auth .confirm-btn {
    display: block;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: white;
    line-height: 70px;
    text-align: center;
    margin-top: 14px;
    font-size: 20px;
    background:#FF8C00 ;
    background: -moz-linear-gradient(left, rgba(255,69,25,0.8),rgba(255,140,0,0.8));
    background: -webkit-linear-gradient(left,rgba(255,69,25,0.8),rgba(255,140,0,0.8));
    background: -o-linear-gradient(left,rgba(255,69,25,0.8),rgba(255,140,0,0.8));

    cursor: pointer;
}

.page_auth .form {
    margin: 0 30px;
}

.page_auth .form p,
#popup-forgetPsw form p {
    margin-top: 5px;
    color: #ff4519;
}

.page_auth .err-warning,
#popup-forgetPsw .err-warning,
#popup-getVefifyCode .err-warning {
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background-color: #ff4519;
    color: white;
    margin-right: 2px;
}

.field-wrapper input {
    border: none;
    width: 250px;
    font-size: 16px;
    height: 26px;
}

.page-header {
    background-color: white;
}

#popup-forgetPsw {
    width: 500px;
    margin-left: -250px;
}

#popup-forgetPsw .bar-percentage {
    width: 440px;
    height: 6px;
    background-color: #b3efd6;
    border-radius: 3px;
    margin: 40px auto 0;
    position: relative;
}

#popup-forgetPsw .bar-percentage .icon-error {
    position: absolute;
    top: -30px;
    right: -70px;
    font-size: 30px;
    color: white;
    cursor: pointer;
}

#popup-forgetPsw .steps-bar {
    width: 440px;
    margin: 0 auto;
}

#popup-forgetPsw .steps-bar li {
    float: left;
    width: 33.33%;
    text-align: center;
    color: #c7c7c7;
    font-size: 14px;
    position: relative;
}

#popup-forgetPsw .steps-bar li span {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    position: absolute;
    z-index: 1200;
    color: white;
    background-color: #b3efd6;
    top: -13px;
    left: 72px;
}

#popup-forgetPsw .steps-bar li.active:after {
    width: 100%;
    height: 6px;
    background-color: #00d47d;
    box-shadow: 0 0 6px 0px #00d47d;
    display: block;
    content: " ";
    position: absolute;
    z-index: 1001;
    top: -7px;
    left: 0;
}

#popup-forgetPsw .steps-bar li.active span {
    background-color: #00d47d;
    box-shadow: 0 0 6px 0px #00d47d;
}

#popup-forgetPsw .steps-bar li:nth-child(1).active:after {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#popup-forgetPsw .steps-bar li:nth-child(3).active::after {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#popup-forgetPsw .steps-bar li.active {
    color: #808080;
}

#popup-forgetPsw .steps-bar li p {
    margin-top: 20px;
}


#popup-forgetPsw form {
    margin-top: 10px;
}

#popup-forgetPsw form input {
    display: block;
    border: 1px solid #e6e6e6;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    border-radius: 5px;
    color: #808080;
    margin-top: 30px;
}

#popup-forgetPsw form .text {
    width: calc(100% - 152px);
    margin-left: 70px;
}

#popup-forgetPsw form .input-short1 {
    width: 210px;
    float: left;
    margin-left: 70px;
}

#popup-forgetPsw form .input-short2 {
    float: right;
    width: 110px;
    text-align: center;
    background-color: #ff6a47;
    color: white;
    padding: 0;
    margin-right: 70px;
    margin-bottom: 30px;
    cursor: pointer;
}

#popup-forgetPsw .confirm-btn,
#popup-getVefifyCode .confirm-btn {
    line-height: 50px;
    font-size: 18px;
    display: block;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: white;
    text-align: center;
    margin-top: 14px;
    background: #ff4519;
    cursor: pointer;
}

#popup-forgetPsw form p {
    margin-left: 70px;
}

#popup-forgetPsw .finish {
    margin-top: 40px;
}

#popup-forgetPsw .finish i {
    display: block;
    font-size: 70px;
    text-align: center;
    color: #00d47d;
}

#popup-forgetPsw .finish p {
    font-size: 16px;
    color: #4c4c4c;
    text-align: center;
    line-height: 48px;
    margin-left: 0;
}

#popup-getVefifyCode {
    width: 320px;
    padding-top: 30px;
    margin-left: -160px;
    z-index: 1004;
}

#popup-getVefifyCode > div {
    margin-left: 30px;
    line-height: 38px;
    font-size: 16px;
    color: #808080;
}

#popup-getVefifyCode > p {
    margin-left: 30px;
    color: #ff4519;
    display: none;
}

#popup-getVefifyCode .inbox {
    border: 1px solid #e6e6e6;
    display: inline-block;
    width: 174px;
    border-radius: 5px;
}

#popup-getVefifyCode input {
    width: 76px;
    padding-left: 10px;
    border: none;
}

#popup-getVefifyCode img {
    display: inline-block;
    height: 38px;
    border-left: 1px solid #e6e6e6;
    float: right;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#popup-getVefifyCode .icon-refresh {
    font-size: 18px;
    color: #808080;
    padding-left: 5px;
    cursor: pointer;
    font-weight: bold;
}

#popup-getVefifyCode .icon-refresh:hover {
    color: #ff4519;
}

#page_auth_reg .input-short1 {
    width: 180px !important;
}
.hide{
    display: none;
}
#page_auth_reg .input-short2 {
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: white;
    background-color: #ff4519;
    border-radius: 10px;
    margin-top: 5px;
    text-align: center;
    cursor: pointer;
    margin-left: 10px;
    margin-bottom: 5px;
}

#page_auth_reg .reg-checkbox label {
    top: 14px;
    left: 80px;
}

#page_auth_reg .finish {
    text-align: center;
    margin-top: 48px;
    font-size: 16px;
}

#page_auth_reg .finish i {
    color: #00d47d;
    font-size: 70px;
    display: block;
}

#page_auth_reg .finish .finish-info {
    line-height: 56px;
    color: #4c4c4c;
}
/*Standard Table*/
.a-right {
    text-align: right;
}

.a-left {
    text-align: left;
}

.a-center {
    text-align: center;
}